@charset "utf-8";

.home-top-grid1 {

 background: rgba(11, 100, 143, 0.7);

 transition: 0.5s all;

}

.home-top-grid2 {

 background: rgba(226, 23, 55, 0.5);

 transition: 0.5s all;

}

.home-top-grid3 {

 background: rgba(11, 100, 143, 0.4);

 transition: 0.5s all;

}

* {

 margin: 0;

 padding: 0;

}

.iconfont {

 font-family: 'iconfont';

}

body {

 font-family: "微软雅黑";

 overflow-x: hidden;

}

i,

em {

 font-style: normal;

}



ul li {

 list-style: none;

}

.vcenter {

 position: absolute;

 top: 0;

 right: 0;

 bottom: 0;

 left: 0;

 max-width: 100%;

 display: block;

 vertical-align: middle;

 margin: auto;

}

.tHide {

 text-overflow: ellipsis;

 overflow: hidden;

 white-space: nowrap;

}

.blockFull {

 display: block;

 width: 100%;

 height: 100%;

 position: relative;

}

.relative {

 position: relative;

}

a {

 color: #666;

}

a:hover {

 color: #0061a5;

 text-decoration: none;

}

h1,

h2,

h3,

h4,

h5,

h6,

ul,

li {

 margin: 0;

 padding: 0;

}

img {

 border: 0;

}

.logo img{max-width: 100%;}

@media (min-width: 1600px) {
.pull-right{width:22.3%;}
		.sycase .sycase-wrap ul li{width: 588px;}

	.m_header {

 display: none;

}

	.system2{ display: none;}

	.nesn-aen p {

 width: 380px;

 height: 46px;

 overflow: hidden;

}

.nesn-aen span a {

 color: #333333;

 font-size: 16px;

 height: 21px;

 overflow: hidden;

}

	.case-wrap .case-con ul li {

 float: left;

 width: 31%;

 height: 390px;

 

 position: relative;

}

	.gallery {

 width: 1200px;

 margin: auto;

}

.brand-con p {



 padding-left: 55px;

}

.proshow .prosright .products-pic-min span.pic {

 display: none;

 

}



.proshow .prosleft .products-pic-max span.pic {

 display: none;

}

	.nesn{ margin-top: 40px;}

	.nesn ul li{ width: 48.8%; margin: 7px;}

	.nesn-aen {

		width: 80%;

 float: left;

 padding-left: 18px;

}

	.nesn ul li img {

 float: left;

 width: 18%;

 height: 103px;

}



.dnws{ display: none;}

.genw {

 width: 1000px;

 margin: auto;

}

	#_xn_c_index_about_shu2 span{ font-size: 18px;}

	 .xn_c_index_357_wrap{ display: block;}

	.dnws{ display: none;}

 .container {

 width: 1200px;

 }

 .footer-copy {

display: none;

}

}

.container {

 width: 1200px;

 padding: 0;

}



.phone-nav {

 display: none;

}

.header {

 

}

.banner {

 

 

 text-align: center;

}







.banner img {

 width: 100%;

 display: inline-block;

}

.banner .slick-prev,

.banner .slick-next {

 border: 0;

 width: 34px;

 height: 63px;

 transform: rotate(0);

}

.banner .slick-prev {

 background: url(../images/banner_btnl.png) no-repeat center;

}

.banner .slick-next {

 background: url(../images/banner_btnr.png) no-repeat center;

}

.nybanner {



}



.logo a {

 color: #000;

}



.language {

 text-align: right;

}

.language .language_wrap {

 text-align: right;

 border: 1px solid #000;

 margin-top: 15px;

 display: inline-block;

}

.language .language_wrap a {

 color: #000;

 font-size: 10px;

 font-family: arial;

 transition: all 0.3s;

 padding: 3px 10px;

 float: left;

}

.language .language_wrap a:hover {

 background: #000;

 color: #fff;

}

.language span {

 font-size: 26px;

 font-family: "arial narrow";

 color: #000;

 display: block;

}

.search {

 line-height: 80px;

 position: relative;

}

.search img {

 cursor: pointer;

}

.search .top_search {

 width: 80%;

 line-height: 20px;

 border-radius: 3px;

 border: 1px solid #666;

 display: none;

 text-indent: 5px;

}

.caseshow p{ text-indent: 25px;}

.search .top_sub {

 width: 20%;

 background: none;

 line-height: 35px;

 position: absolute;

 top: 22px;

 right: 8%;

 border: 0;

 text-align: center;

 display: none;

}

.love-flowers {

 width: 1200px;

}

.love-flowers .loveh {

 line-height: 40px;

 font-family: "微软雅黑";

 font-size: 24px;

 color: #000;

 margin-top: 40px;

 text-align: center;

}

.love-flowers .loveh span {

 font-family: verdana;

 font-size: 16px;

 color: #999;

 margin-left: 10px;

}

.love-flowers .loveh a {

 width: 80px;

 height: 30px;

 display: inline-block;

 background: #333;

 color: #e5e5e5;

 text-align: center;

 line-height: 30px;

}

.love-flowers .loveh .line-bottom {

 border-top: 1px solid #e5e5e5;

 width: 50px;

}

.rmation{ width: 100%;}

.rmation img{ width: 100%;}

.pic {

 position: relative;

 padding-bottom: 20px

}

.pic img {

 transition: 0.3s;

}

.pic:after {

 content: "";

 display: block;

}

.love-wrap {



 

}



.casee{ width: 1200px; margin: auto; margin-bottom: 2%; margin-top: 2%;}

.casee img{ float: left; width: 50%; }

.love-wrap ul li {

 position: relative;

 display: block;

 width: 24%;

 height: 100%;

 float: left;

 margin: 0.5%;

}

.love-wrap ul li .pic {

 position: relative;

 overflow: hidden;

 height: 175px;

}

.love-wrap ul li .pic img {

 transition: 0.3s;

}

.love-wrap ul li .pic:after {

 content: "";

 display: block;

 padding-bottom: 70.1111%;

}

.love-wrap ul li p {

 text-align: center;

 font-size: 16px;

}

.love-wrap ul li p a {

 display: block;

 font-family: "微软雅黑";

 color: #6b6868;

 line-height: 35px;

 

}

.love-wrap ul li p em {

 color: #999;

}

.love-wrap ul li p span {

 color: #747070;

 font-size: 14px;



 padding: 0 20px;

}

.love-wrap ul li:hover img {

 transform: scale(1.2);

}



.brand-in {

 width: 100%;

 background:;

 margin: 0 auto;

 

}

.brand-in .brand-in-wrap {

 position: relative;

 width: 1200px;

 margin: 0 auto;

}

.brand-in .brand-left {

width: 54%;

margin: 0 0 0 0%;

 float: right;}

.brand-in .brand-left .loveh {

 font-size: 30px;

 color: #000;

}



.brand-in .global-left {

 margin: 0 0 0 0%;

 float: left;

}

.brand-in .global-right {



 width: 20%;



 margin: 0 0 0 0%;

 float: left;

}



.index-map {

 background: url(../images/sv_img.png) no-repeat center center;

 background-size: auto auto;

 -o-background-size: cover;

 -ms-background-size: cover;

 -moz-background-size: cover;

 -webkit-background-size: cover;

 background-size: cover;

}

.ul-map {

 position: relative;

 height: 580px;

}

.xn_c_index_sv_li {

 width: 275px;

 height: 70px;

 background: #f2f2f2;

 border-radius: 45px;

 overflow: hidden;

 margin-bottom: 12px;

}

.xn_c_index_sv_limg {

 width: 60px;

 height: 56px;

 padding: 3px;

 background: #fff;

 float: left;

 border-radius: 50%;

}

.xn_c_index_sv_limg img{ height: 63px;}



.xn_c_index_sv_lc {

 width: 173px;

 float: right;

}

.xn_c_index_sv_lc {

 width: 173px;

 float: right;

}

.xn_c_index_sv_lc_name {

 font-size: 16px;

 color: #333;

 line-height: 25px;

 margin-top: 17px;

}



.brand-in .brand-left .loveh span {

 color: #999;

 font-size: 22px;

 font-family: verdana;

 margin-left: 10px;

 display: inline-block;

}

.brand-in .brand-left .loveh .line-bottom {

 width: 40px;

 border-top: 1px solid #dadada;

 margin-top: 10px;

}

.brand-in .brand-left p {

 color: #545454;

 line-height: 30px;

 padding-top: 8px;

 text-indent: 25px;

}

.brand-in .brand-left em {

 font-size: 22px;

 color: #e81f27;

 display: block;

}

.brand-in .brand-left a {

 font-family: verdana;

 font-size: 16px;

 background: #cccaca;

 color: #fff;

 display: inline-block;

 padding: 8px 20px;

 margin: 1% 0 1%;

}

.brand-in .brand-left .read-more a {

 transition: 0.3s;

}

.brand-in .brand-left .read-more a:hover {

 background: #0061a5;

}

.brand-in .brand-right {

 

 float: left;

 margin: 0 0 0 0%;



}





.sycase .sycase-wrap {

 position: relative;

}

.sycase .sycase-wrap ul{width: 98%; margin: auto;}

.sycase .sycase-wrap .sycase-title {

 width: 140px;

 height: 140px;

 border: 3px solid #000;

 padding: 7px 0 0 7px;

 position: absolute;

 top: 50%;

 margin-top: -70px;

 left: 50%;

 margin-left: -70px;

 z-index: 2;

}

.sycase .sycase-wrap .sycase-title .sycase-txt {

 width: 120px;

 height: 120px;

 background: #000;

 font-size: 30px;

 color: #fff;

 padding: 13px 20px;

 text-align: center;

}

.sycase .sycase-wrap ul li {

	 

 float:right;

 



 display: block;

 position: relative;

}

.sycase .sycase-wrap ul li .pic:after {

 padding-bottom: 38.75%;

}

.sycase .sycase-wrap ul li .case-zzc {

 width: 550px;

 height: 190px;

 display: block;

 position: absolute;

 top: 50%;

 margin-top: -95px;

 left: 50%;

 margin-left: -275px;

 z-index: 3;

 color: #fff;

 background: #000;

 filter: alpha(opacity=65);

 background: rgba(0, 0, 0, 0.65);

 padding: 0 50px;

 opacity: 0;

 filter: alpha(opacity=0);

 transition: all 0.3s;

}

.sycase .sycase-wrap ul li .case-zzc h3 {

 text-align: center;

 border-bottom: 1px solid #fff;

 font-size: 30px;

 line-height: 70px;

 margin-top: 10px;

}

.sycase .sycase-wrap ul li .case-zzc p {

 font-size: 12px;

 line-height: 25px;

 margin: 30px 0;

 height: 55px;

 overflow: hidden;

}

.sycase .sycase-wrap ul li:hover .case-zzc {

 opacity: 1;

 filter: alpha(opacity=100);

}

.flower-title {

	

 line-height: 70px;

 text-align: center;

}

.flower-title span {

 margin: 0 45px;

 font-size: 30px;

 color: #000;

}

.flower-title span em {

 font-family: Verdana;

 font-size: 22px;

 color: #999;

}

.flower-con ul li {

 float: left;

 width: 330px;

 margin-right: 93px;

}

.flower-con ul li .flower-ch span {

 font-family: Verdana;

 font-size: 14px;

 color: #999;

 display: block;

}

.flower-con ul li .flower-ch a {

 font-size: 16px;

 color: #010101;

 transition: 0.3s;

}

.flower-con ul li .flower-ch .line {

 border-top: 1px solid #dbdbdb;

 width: 40px;

 margin: 10px 0;

 transition: 0.3s;

}

.flower-con ul li p {

 font-size: 12px;

 color: #999;

 margin: 30px 0;

 line-height: 25px;

 height: 80px;

 overflow: hidden;

}

.flower-con ul li:hover a {

 color: #0061a5;

}

.flower-con ul li:hover .line {

 border-top: 1px solid #0061a5;

}

.footer-nav {

 margin-top: 0px;

}

.footer-nav .panel-footer {

 border: none;

 padding: 0;

}

.footer-nav .panel-footer .footer-left {

 width: 100%;

 background: #000;

 padding-left: 3%;

}

.footer-nav .panel-footer .footer-left ul li {

 float: left;

 line-height: 60px;

}

.footer-nav .panel-footer .footer-left ul li a {

 color: #fff;

 padding: 5px 10px;

 margin: 0 35px;

 font-weight: bold;

}

.footer-nav .panel-footer .footer-left ul li a:hover {

 border-bottom: 1px solid #fff;

}

.footer-nav .panel-footer .footer-right {

 width: 32%;

 height: 120px;

 background: url(../images/footer-bg.jpg) center;

 position: relative;

}

.footer-nav .panel-footer .footer-right .friend {

 width: 425px;

 border-bottom: 1px solid #d1d1d1;

 height: 35px;

 margin: 37px auto 0;

 line-height: 35px;

 color: #545454;

 cursor: pointer;

}

.footer-nav .panel-footer .footer-right .friend img {

 transition: 0.3s;

 margin-top: 17px;

}

.footer-nav .panel-footer .footer-right .friend:hover img {

 transform: rotate(180deg);

}

.footer-nav .panel-footer .footer-right .dropdown {

 width: 83%;

 border: 1px solid #eee;

 left: 50%;

 margin-left: -42%;

 box-shadow: 0 1px 2px #999;

 text-align: center;

 background: #fff;

 position: absolute;

 bottom: 90px;

 display: none;

}

.footer-nav .panel-footer .footer-right .dropdown a {

 display: block;

 line-height: 30px;

}

.footer-copy {



 /*margin-top: 5%;

 padding-bottom: 35px;

 background: #ccc;

 padding-top: 4%;*/



}

.footer-copy .erweima-wrap {

 width: 120px;

 height: 120px;

 border: 1px solid #eee;

 padding: 10px;

 margin: 30px auto 20px;

}

.footer-copy .footer-hotline {

 text-align: center;

}

.footer-copy .footer-hotline img {

 margin: -20px 0 0 0;

}

.footer-copy .footer-hotline span {

 display: inline-block;

 text-align: left;

 font-size: 14px;

 color: #545454;

 font-family: arial;

}

.footer-copy .footer-hotline span b {

 font-style: italic;

 font-size: 22px;

 color: #000;

}

.footer-copy .footer-hotline span em {

 display: block;

 font-size: 14px;

 color: #333;

 font-family: "微软雅黑";

 text-align: center;

}

.footer-copy .footer-hotline span em i {

 font-family: arial;

}

.pro-title {

 line-height: 40px;

border-bottom: 2px solid #ccc;

 padding-top: 25px;

 margin-bottom: 20px;

}



.pro-title span {

 font-size: 26px;

 color: #333;

}

.pro-title p a {

 padding: 1px 6px;

 color: #333;

 font-weight: bold;

 transition: 0.3s;

}

.pro-title p a:hover {

 background: #0061a5;

 color: #fff;

}

.pro-title p a.active {

 background: #0061a5;

 color: #fff;

}

.pro-title p em {

 color: #999;

 margin: 0 5px;

 font-size: 12px;

}

.pro-con {

 border-bottom: 1px solid #d9d9d9;

 

}

.pro-con .fenlei {

 text-align: center;

 margin: 0px;

}

.pro-con .fenlei a {

 border: 1px solid #ccc;

 padding: 10px 30px;

 color: #333;

 margin: 0px 5px;

 display:inline-flex;

 transition: 0.3s;

 margin-bottom: 16px;



}

.pro-con .fenlei a:hover {

 background: #0061a5;

 color: #fff;

 border: 1px solid #0061a5;

 border-bottom: 3px solid #0061a5;

}

.pro-con .fenlei a.active {

 background: #0061a5;

 color: #fff;

 border: 1px solid #0061a5;

 border-bottom: 3px solid #0061a5;

}

.pro-con ul li {

 margin: 0 5px 50px;

 width: 24.375%;

}

.page {

 text-align: center;

 margin: 20px 0;

}

.page a {

 border: 1px solid #000;

 border-bottom: 3px solid #000;

 padding: 3px 10px;

 color: #000;

 font-family: arial;

 transition: 0.3s;

}

.page a:hover {

 background: #000;

 color: #fff;

 font-weight: bold;

}

.case-title {

 text-align: center;

 padding: 48px 0 30px;

}

.case-title h3 {

 display: inline-block;

 font-size: 30px;

 color: #010101;

}

.case-title span {

 font-size: 22px;

 font-weight: bold;

 color: #0061a5;

 display: inline-block;

 text-align: left;

 position: relative;

 top: 5px;

}

.case-title span img {

 display: block;

}

.case-wrap .case-con {

 

 margin-bottom: 20px;

 padding-bottom: 100px;

}



.case-wrap .case-con ul li .pic:after {

 padding-bottom: 38.75%;

}

.case-wrap .case-con ul li .case-zzc {

 opacity: 0;

 filter: alpha(opacity=0);

}

.case-wrap .case-con ul li .case-zzc h3 {

 border-bottom: 0;

 line-height: 35px;

 margin-top: 35px;

}

.case-wrap .case-con ul li:hover .case-zzch {

 opacity: 0;

 filter: alpha(opacity=0);

}

.case-wrap .case-con li.last {

 margin-right: 0;

}

.case-wrap .case-con .case-zzch {

 width: 225px;

 height: 85px;

 background: #000;

 filter: alpha(opacity=60);

 background: rgba(0, 0, 0, 0.6);

 color: #fff;

 font-size: 30px;

 text-align: center;

 line-height: 85px;

 position: absolute;

 top: 50%;

 margin-top: -42.5px;

 left: 50%;

 margin-left: -112.5px;

 z-index: 1;

 transition: 0.3s;

}

.proshow-con {

 border-bottom: 0;

}

.proshow .prosleft {

 width: 49%;

}

.proshow .prosleft .products-pic2 {

 display: none;

}

.proshow .prosleft .products-pic-max span.pic {

 

}

.proshow .prosleft .products-pic-max span.pic:after {

 padding-bottom: 70.3%;

}

.proshow .prosright {

 width: 60%;

 z-index: -9999;

}

.proshow .prosright h3 {

 font-size: 37px;

 color: #15202f;

 padding-top: 44px;

 



 margin-bottom: 25px;

}

.proshow .prosright .txt {

 height: 260px;

 overflow: auto;

}

.proshow .prosright .txt p {

 color: #666;

 line-height: 35px;

 

 font-size: 14px;

}

.proshow .prosright .txt i{ font-size: 2rem; color: #333; font-weight: bold;}

.proshow .prosright .products-pic-min {

 width: 90%;

 margin: 60px auto 0;



}

.proshow .prosright .products-pic-min span.pic {

 

 margin: 0 5px;

 cursor: pointer;

}

.proshow .prosright .products-pic-min span.pic:after {

 padding-bottom: 70%;

}

.proshow .prosright .products-pic-min .slick-prev,

.proshow .prosright .products-pic-min .slick-next {

 width: 15px;

 height: 30px;

 transform: rotate(0);

 margin-top: -15px;

}

.proshow .prosright .products-pic-min .slick-prev {

 left: -25px;

 background: ;

}

.proshow .prosright .products-pic-min .slick-next {

 right: -25px;

 background: ;

}

.proshow .prosright .products-pic-min .slick-prev:hover {

 background: url(../images/prehover.png) no-repeat center;

}

.proshow .prosright .products-pic-min .slick-next:hover {

 background: url(../images/nexthover.png) no-repeat center;

}

.proshow .prosright .products-pic-min .slick-current .pic {

 border: 1px solid #000;

}

.inquiry-title {

 text-align: center;

}

.inquiry-title p {

 font-family: verdana;

 color: #999;

}

.inquiry-title h3 {

 font-size: 24px;

 color: #0061a5;

 line-height: 35px;

 background: url(../images/inquiry-bg.png) repeat-x center 12px;

 border-bottom: 2px solid #000;

 padding-bottom: 10px;

}

.inquiry-title h3 span {

 padding: 0 20px;

 background: #fff;

 display: inline-block;

}

.inquiry-con {

 background: #f8f8f8;

 padding: 25px 0 50px;

}

.inquiry-con label {

 position: relative;

 display: inline-block;

 margin: 30px 0 0 80px;

}

.inquiry-con label input {

 width: 680px;

 height: 50px;

 line-height: 50px;

 background: #fff;

 border: 1px solid #e5e5e5;

 transition: 0.3s;

 font-weight: 100;

 color: #999;

 text-indent: 10px;

}

.inquiry-con label input:hover {

 border: 1px solid #878787;

}

.inquiry-con label input.pro-name {

 color: #545454;

}

.inquiry-con label input.code {

 width: 220px;

}

.inquiry-con label textarea {

 width: 1447px;

 height: 160px;

 background: #fff;

 border: 1px solid #e5e5e5;

 transition: 0.3s;

 font-weight: 100;

 color: #999;

 text-indent: 10px;

}

.inquiry-con label textarea:hover {

 border: 1px solid #878787;

}

.inquiry-con label span {

 color: #f00;

 position: absolute;

 top: 15px;

 right: -12px;

}

.inquiry-con .code-la input {

 float: left;

}

.inquiry-con .code-la img {

 cursor: pointer;

 float: left;

}

.inquiry-con .code-la a {

 float: left;

 display: inline-block;

 line-height: 50px;

 font-weight: 100;

 font-size: #999;

 width: 150px;

 text-align: right;

 background: url(../images/shuaxin.png) no-repeat left center;

 margin-left: 20px;

}

.inquiry-con .sub,

.inquiry-con .reset {

 margin: 0;

}

.inquiry-con .sub input,

.inquiry-con .reset input {

 width: 330px;

 float: left;

 margin: 0;

 background: #dbdbdb;

 border: 0;

 color: #000;

}

.inquiry-con .sub input {

 margin: 0 30px 0 240px;

}

.inquiry-con .sub input:hover,

.inquiry-con .reset input:hover {

 background: #fff;

 border: 1px solid #000;

 border-bottom: 3px solid #000;

}

.up-down {

 margin: 42px 0;

}

.up-down a {

 display: inline-block;

 width: 50%;

 float: left;

 line-height: 50px;

 height: 50px;

 overflow: hidden;

 padding-left: 40px;

 background: #161616;

 color: #999;

 transition: 0.3s;

}

.up-down a b {

 color: #fff;

}

.up-down a:hover {

 background: #0061a5;

 color: #fff;

}



.fshow-con span{ font-size: 20px; color: #333;}

.xgcp-title h3 {

	margin-top: 20px;

 font-size: 22px;

 color: #0061a5;

 display: block;

 background: #e7e4e4;

 padding: 8px;

 margin-bottom: 20px;

}

}

.xgcp-title p {

 font-family: arial;

 font-size: 12px;

 color: #545454;

 line-height: 30px;

}

.xgcp {

 

 padding-bottom: 54px;

}

.xgcp ul li {

 width: 100%;

}

.xgcp .slick-prev,

.xgcp .slick-next {



 height: 26px;

 transform: rotate(0);

 border-radius: 50%;

 border: 0;

 top: 233px;



}

.xgcp .slick-prev {

 background: url(../images/prebtn.png) no-repeat center;

 left: auto;

 right: 48%;

}

.xgcp .slick-next {

 background: url(../images/nextbtn.png) no-repeat center;

 right: 45%;

}

.xgcp .slick-prev:hover {

 background: url(../images/prebtnhover.png) no-repeat center;

}

.xgcp .slick-next:hover {

 background: url(../images/nextbtnhover.png) no-repeat center;

}

.xgcp ul {

 

}

.phone-xgcp {

 display: none;

}

.flower-tips {

 padding-bottom: 20px;

}

.flower-tips .flowerh {

 width: 336px;

}

.flower-tips .flowerh h3 {

 font-family: arial;

 font-weight: bold;

 font-size: 36px;

 color: #0061a5;

 margin-top: 43px;

}

.flower-tips .flowerh span {

 font-size: 30px;

 color: #000;

}

.flower-tips .flowerh em {

 width: 15px;

 border-bottom: 3px solid #000;

 display: inline-block;

}

.flower-tips .flowerh a {

 display: inline-block;

 padding: 9px 55px;

 color: #fff;

 background: #000;

 margin: 20px 0 35px;

}

.flower-tips .flowerh p {

 color: #000;

}

.flower-tips .flowertips-con .flower-con {

 margin-top: 40px;

}

.flower-tips .flowertips-con .flower-con ul li {

 padding-bottom: 50px;

 height: 230px;

}

.flower-tips .flowertips-con .flower-con ul li .flower-ch span {

 color: #0061a5;

 font-size: 12px;

}

.flower-tips .flowertips-con .flower-con ul li .flower-ch .line {

 border-top: 1px solid #000;

}

.flower-tips .flowertips-con .flower-con ul li:hover .line {

 border-top: 1px solid #0061a5;

}

.flower-tips .flowertips-con .flower-con ul li:hover a.gengduo {

 display: block;

}

.flower-tips .flowertips-con .flower-con ul li a.gengduo {

 font-family: arial;

 color: #333;

 text-decoration: underline;

 display: inline-block;

 margin-top: 5px;

 display: none;

}

.flower-tips .flowertips-con .flower-con ul li a.gengduo:hover {

 color: #0061a5;

}

.flower-wuyu {

 padding: 10px 0 20px;

 

}

.pdwn{ padding-top: 7%;} 



.flower-wuyu ul li {

 float: left;

 width: 23%;

 background: #f3f3f3;

 margin: 10px 7px;

}

.flower-wuyu ul li:hover img {

 

}

.flower-wuyu ul li .pic {

 

 float: left;

 width: 100%;

 overflow: hidden;

}

.flower-wuyu ul li .pic:after {

 padding-bottom: 100%;

}

.flower-wuyu ul li .flowertxt {

 text-align: center;

 height: 100%;

 float: left;

 width: 100%;

 padding: 4%;

}

.flower-wuyu ul li .flowertxt span {

 font-size: 14px;

 font-family: verdana;

 color: #dc0303;

 display: block;

 margin: 10px 0 5px;

}

.flower-wuyu ul li .flowertxt a {

 font-size: 18px;

 color: #333;

 font-weight: bold;

 display: block;

 /*height: 55px;*/
 height: 25px;

 overflow: hidden;

 transition: 0.3s;

}

.flower-wuyu ul li .flowertxt p {

 font-size: 12px;

 color: #545454;

 height: 99px;

 line-height: 25px;

 overflow: hidden;

 /*margin: 20px 0 0;*/

}

.flower-wuyu ul li .flowertxt a.flower-jt {

 width: 40px;

 height: 40px;

 border: 1px solid #000;

 margin: 30px auto 0;

 background: url(../images/flower-jt.png) no-repeat center;

}

.flower-wuyu ul li:hover .flowertxt a {

 color: #0061a5;

}

.flower-wuyu ul li:hover .flowertxt a.flower-jt {

 border: 1px solid #0061a5;

 background: url(../images/flower-jthover.png) no-repeat center;

}

.new-pro {

 border-bottom: 3px solid #000;

 padding-bottom: 20px;

 margin-bottom: 20px;

}

.fshow-title {

 text-align: center;

}

.fshow-title h1 {

 font-size: 22px;

 font-weight: bold;

 color: #333;

 line-height: 65px;

 margin-top: 25px;

}

.fshow-title div {

 line-height: 50px;

 background: #f3f3f3;

}

.fshow-title div span {

 font-size: 13px;

 color: #878787;

 margin: 0 25px;

}

.fshow-con {

 padding: 0 0px;

}

.fshow-con p img{ display: block; margin: auto; max-width: 100%;}



.fshow-con p {

 

 font-size: 16px;

 color: #545454;

 line-height: 30px;

 margin: 25px 0;

 text-align:center;

}

.xgcp-title .fshow-con p { text-align: left; }

 .anwr a{ border: 1px solid #ccc; padding: 2%; margin-right: 2%;}

 .aner{ background: #0061A5; color: #fff;}

 .anwr h4{ font-size: 20px; line-height: 80px; }

.fshow-con .fshowimg .pic {

 float: left;

 width: 33%;

 margin-right: 1px;

}

.fshow-con .fshowimg .pic:after {

 padding-bottom: 100%;

}

.renews-con {

 margin: 15px 0 0;

 padding-left: 20px;

}

.renews-con ul {

 width: 90%;

}

.renews-con ul.last {

 margin-right: 0;

}

.renews-con ul li {

 line-height: 60px;

 height: 60px;

 overflow: hidden;

 border-bottom: 1px solid #e1e1e1;

 background: url(../images/renews-bg.jpg) no-repeat left center;

}

.renews-con ul li a {

 color: #333;

 padding-left: 20px;

}

.renews-con ul li a:hover {

 color: #0061a5;

}

.renews-con .slick-prev,

.renews-con .slick-next {

 transform: rotate(0);

 width: 27px;

 height: 27px;

 top: -30px;

}

.renews-con .slick-prev {

 left: auto;

 right: 33px;

 background: url(../images/prebtn.png) no-repeat center;

}

.renews-con .slick-next {

 right: 0;

 background: url(../images/nextbtn.png) no-repeat center;

}

.renews-con .slick-prev:hover {

 background: url(../images/prebtnhover.png) no-repeat center;

}

.renews-con .slick-next:hover {

 background: url(../images/nextbtnhover.png) no-repeat center;

}

.case {

 padding-top: 20px;

}

.case .case-con {

 

 padding-bottom: 20px;

}

.case ul {

 margin-bottom: 30px;

}

.case ul li {

 margin: 20px 0;

}

.caseshow .date {

 background: none;

 border-top: 1px solid #e1e1e1;

 border-bottom: 1px solid #e1e1e1;

}

.caseshow .fshow-con .fshowimg .pic {

 width: 100%;

}

.caseshow .fshow-con .fshowimg .pic:after {

 padding-bottom: 39%;

}

.xgcase .xgcase-con {

 margin-top: 30px;

 border-bottom: 0;

 padding-bottom: 0;

}

.xgcase .xgcase-con ul li {

 width: 98%;

}

.erweima {

 text-align: center;

}

.erweima h3 {

 font-size: 30px;

 color: #0061a5;

 font-weight: bold;

 line-height: 60px;

 margin-top: 25px;

}

.erweima b {

 font-size: 18px;

 color: #000;

}

.contactimg ul li {

 display: inline-block;

 width: 10%;

}

.contactimg .pic img {

 padding: 10px;

 border: 1px solid #dbdbdb;

}

.contactimg .pic:after {

 padding-bottom: 86%;

}

.contactimg .contactbg {

 width: 60px;

 height: 60px;

 border-radius: 50%;

 background: #000 url(../images/contactbg.png) no-repeat center;

 margin: 20px auto;

}

.contact-con {

 padding-bottom: 20px;

 border-bottom: 1px solid #d9d9d9;

}



.branch{ background: #ccc; margin: auto; margin-top: 20px; }

.branch ul li{ width: 23%; background: #003366; float: left; margin: 1%;}

.branch h3{ font-size: 24px; padding: 4px; background: #fff; text-align: center; color: #000; font-weight: bold; }

.branch ul li img{ width: 100%; }

.branch ul li span{ display: block; background: #fff; padding-bottom: 6px;}

.branch-e{ font-size: 16px; padding-top: 10px; }

.contact-con ul {

 border: 1px solid #000;

 border-right: 0;

 height: 240px;

}

.contact-con ul li {

 width: 25%;

 border-right: 1px solid #000;

 text-align: center;

 color: #000;

 height: 100%;

 padding: 50px 14px 30px;

 float: left;

}

.contact-con ul li .pic:after {

 padding-bottom: 25%;

}

.contact-con ul li b {

 font-family: arial;

 font-size: 16px;

 display: block;

}

.contact-con ul li span {

 font-size: 18px;

 display: block;

 margin-top: 10px;

}

.contact-con ul li em {

 font-size: 22px;

 display: block;

}

.contact-con ul li em a {

 color: #000;

 transition: 0.3s;

}

.contact-con ul li em a:hover {

 color: #0061a5;

}

.brand-con {

 text-align: center;

 color: #000;



 padding-bottom: 30px;

}

.brand-con b {

 font-size: 26px;

 line-height: 30px;

 display: block;

 margin: 50px 0 0;

}



.brand-con h4{ 

	padding-top: 18px;

 color: #666;

 padding-left: 0px !important;

 font-family: '微软雅黑';

 font-weight: bold;

 text-align: center;

 padding-bottom: 10px;

	text-align: center !important

}

.brand-con p {

 display: block;

 font-size: 14px;

 line-height: 29px;

 

 color: #333;

 text-align: left;

 

 

}

.brand-con span {

 display: block;

 font-size: 22px;

 line-height: 60px;

}

.brand-con .brandbg {

 width: 60px;

 height: 60px;

 margin: 30px auto 50px;

 border-radius: 50%;

 background: #0061a5 url(../images/contactbg.png) no-repeat center;

}

.brand-con h3 {

 font-size: 20px;

 font-weight: bold;



}

.brand-con .pic {



}

.brand-con .pic:after {

 padding-bottom: 32%;

}

.job-title {

 line-height: 60px;

 background: #0061a5;

 font-size: 16px;

 color: #fff;

}

.job-title b.zhiwei {

 margin: 0 21.5% 0 5%;

}

.job-title b.jobadd {

 margin: 0 10% 0 10%;

}

.job-title b.caozuo {

 margin-left: 25%;

}

.job-con {

 color: #000;

 padding-bottom: 100px;

 

}

.job-con ul li {

 line-height: 60px;

 border-bottom: 1px solid #cdcdcd;

}

.job-con ul li .jobconh {

 cursor: pointer;

}

.job-con li.active {

 border-bottom: 0;

}

.job-con li.active .zhiwei {

 color: #0061a5;

}

.job-con b.zhiwei {

 margin: 0 9% 0 5%;

 min-width: 17%;

 display: inline-block;

}

.job-con span.jobadd {

 margin: 0 10% 0 11.5%;

}

.job-con span.date {

 margin: 0 10% 0 0.5%;

}

.job-con span.click {

 margin-left: 15%;

}

.job-con .job-conwrap {

	

 color: #666;

 width: 95%;

 border: 1px solid #dbdbdb;

 margin: 30px auto 15px;

 padding: 40px 0 30px 30px;

 display: none;

 position: relative;

}

.job-con .job-conwrap img {

 position: absolute;

 bottom: 10px;

 right: 4px;

}

.job-con .job-conwrap dl {

 float: left;

 margin-right: 50px;

}

.job-con .job-conwrap dt {

 font-size: 16px;

}

.job-con .job-conwrap dd {

 font-size: 12px;

 line-height: 30px;

}

.messageh {

 text-align: center;

 margin: 30px 0 20px;

}

.messageh h2 {

 font-size: 36px;

 font-weight: bold;

 color: #000;

}

.messageh span {

 font-weight: bold;

 font-size: 16px;

 color: #000;

 line-height: 50px;

}

.message-con {

 padding-bottom: 100px;

}

.message-con .pic {

 width: 35%;

}

.message-con .pic:after {

 padding-bottom: 85%;

}

.message-con .mcon-right {

 width: 60%;

 padding-top: 40px;

}

.message-con .mcon-right span {

 display: block;

 font-weight: 100;

 color: #545454;

}

.message-con .mcon-right label {

 display: inline-block;

 margin: 10px 0;

 position: relative;

}

.message-con .mcon-right label em {

 position: absolute;

 right: 50px;

 top: 30px;

 color: #f00;

}

.message-con .mcon-right label.mcodela {

 margin-top: 30px;

}

.message-con .mcon-right label.mcodela em {

 right: 62%;

 top: 15px;

}

.message-con .mcon-right label.mcodela input {

 width: 170px;

 float: left;

 margin-right: 20px;

}

.message-con .mcon-right label.mcodela img {

 cursor: pointer;

 float: left;

}

.message-con .mcon-right label.mcodela a {

 margin: 20px 0 0 20px;

 float: left;

 text-decoration: underline;

 font-weight: 100;

 color: #999;

 transition: 0.3s;

}

.message-con .mcon-right label.mcodela a:hover {

 color: #0061a5;

}

.message-con .mcon-right input {

 width: 400px;

 line-height: 42px;

 height: 42px;

 border: 1px solid #dbdbdb;

 background: #f7f7f7;

 margin-right: 40px;

 text-indent: 5px;

}

.message-con .mcon-right textarea {

 width: 845px;

 border: 1px solid #dbdbdb;

 background: #f7f7f7;

 height: 120px;

 text-indent: 5px;

 margin-right: 40px;

}

.message-con .mcon-right .msub {

 width: 205px;

 height: 42px;

 float: right;

 margin-left: 216px;

 border: 0;

 background: #e60012;

 color: #fff;

 font-weight: 100;

}

.map {

 margin: 40px auto;

 padding-bottom: 100px;

}

.map dl {

 margin: 20px auto 20px;

 overflow: hidden;

 line-height: 30px;

 width: 98%;

 transition: 0.3s;

}

.map dl:hover {

 box-shadow: 0 0 2px #000;

}

.map dl:hover dt a {

 color: #333;

 font-weight: bold;

}

.map dt {

 font-size: 14px;

 float: left;

 width: 10%;

 text-align: center;

 border: 1px solid #e5e5e5;

 transition: 0.3s;

}

.map dt:hover {

 background: #000;

}

.map dt:hover a {

 color: #fff !important;

}

.map dt a {

 color: #000;

 display: block;

 padding: 10px 0;

 transition: 0.3s;

}

.map dt a:hover {

 color: #e0e9f3;

 font-weight: bold;

}

.map dd {

 font-size: 14px;

 overflow: hidden;

 float: left;

 width: 85%;

 line-height: 40px;

}

.map dd .p2 {

 padding: 0 0 0 20px;

 clear: both;

}

.map dd .p2 a {

 color: #0061a5;

 font-weight: bold;

 overflow: hidden;

 white-space: nowrap;

 text-overflow: ellipsis;

 transition: 0.3s;

}

.map dd .p2 a:hover {

 color: #f00;

}

.map dd div {

 clear: both;

 overflow: hidden;

 padding: 0px 20px 0 10px;

}

.map dd div a {

 color: #333;

 float: left;

 padding: 0 10px 0 10px;

 margin-top: 1px;

 transition: 0.3s;

}

.map dd div a:hover {

 color: #003e7e;

 background: #000;

 color: #fff;

}

@media (max-width: 768px) {

		.nesn-aen{ padding: 10px 10px; display: block; background: #ece9e9; overflow: hidden;}

	.nesn-aen span a{ color: #222; font-weight: bold;}

	.branch ul li img{ width: 100%;}

	.branch ul li { width: 48%;}

	 .xn_c_index_357_wrap{ display: none;}

 .map dt {

 width: 15%;

 }

 .map dd {

 width: 85%;

 }

 .dnws img{ width: 100%;}

 

 

 

 		.nesn-aen{ padding: 10px 10px; display: block; background: #ece9e9; overflow: hidden;}



	.nesn ul li{ width: 100%;}

	.nesn ul li img{ width: 100%;}

	 .xn_c_index_357_wrap{ display: none;}

	.footer,.brand-in-wr,.global-right,.ienw{ 

		display: none;

		}

 

 

}

@media (max-width: 640px) {

		.nesn-aen{ padding: 10px 10px; display: block; background: #ece9e9; overflow: hidden;}

	.nesn-aen span a{ color: #222; font-weight: bold;}

	.branch ul li img{ width: 100%;}

	 .xn_c_index_357_wrap{ display: none;}

	.branch ul li { width: 48%;}

	

	.nesn ul li{ width: 100%;}

 .map dt {

 width: 20%;

 }

 .map dd {

 width: 80%;

 }

 .dnws img{ width: 100%;}

		.nesn-aen{ padding: 10px 10px; display: block; background: #ece9e9; overflow: hidden;}

	.nesn-aen span a{ color: #222; font-weight: bold;}

	

	 .xn_c_index_357_wrap{ display: none;}

	.footer,.brand-in-wr,.global-right,.ienw{ 

		display: none;

		}}









@media (max-width: 400px) {

	.brand-left img {

 max-width: 98%;

 max-height: 100%;

 margin: auto;

 display: block;

}

		.nesn-aen{ padding: 10px 10px; display: block; background: #ece9e9; overflow: hidden;}

	.nesn-aen span a{ color: #222; font-weight: bold;}



	.system{ display: none;}

	



	.m img{ max-width: 98%;

 max-height: 100%;

 margin: auto;

 display: block;}



	

	.fshow-con p img {

 display: block;

 margin: auto;

 width: 100%;

 height: 100%;

}

	 .xn_c_index_357_wrap{ display: none;}

	.nesn ul li{ width: 100%;}

	.footer,.brand-in-wr,.global-right,.ienw{ 

		display: none;

		}

		.global-left{ display: none;}

		 .dnws img{ width: 100%;}

.xn_c_index_about_shu li{ 24%}

#xn_c_index_about_shut img{ width: 50%;}

#xn_c_index_about_shut{ font-size: 10px;}



 .map dt {

 width: 100%;

 }

 .map dd {

 width: 100%;

 }

}

.honor {

 

}

.about-visual-recommon {

 position: relative;

 max-width: 90%;

 width: 1360px;

 padding: 30px 30px 0;

 margin-left: auto;

 margin-right: auto;

 margin-top: 265px;

 margin-bottom: 175px;

 border: 6px solid #a6a6a6;

 border-radius: 5px;

 height: 289px;

}



.flower-title span {

 font-size: 24px;

 margin: 0 15px;

}

.about-visual-recommon .controller {

 width: 140px;

 height: 42px;

 right: -90px;

 top: 50%;

 margin-top: -21px;

 position: absolute;

}

.about-visual-recommon .controller a {

 font-family: "宋体";

 display: block;

 color: #fff;

 width: 50%;

 height: 100%;

 line-height: 42px;

 font-size: 24px;

 text-align: center;

 float: left;

 border: 1px solid #000;

 transition: 0.3s;

}

.about-visual-recommon .controller a#slick-1-prev {

 border-right: 0;

 background: #fff url(../images/hprev.png) no-repeat center;

}

.about-visual-recommon .controller a#slick-1-next {

 background: #fff url(../images/hnext.png) no-repeat center;

}

.about-visual-recommon .controller a#slick-1-prev:hover {

 background: #000 url(../images/hprehover.png) no-repeat center;

}

.about-visual-recommon .controller a#slick-1-next:hover {

 background: #000 url(../images/hnexthover.png) no-repeat center;

}

.about-visual-recommon .controller a:active {

 background-color: #333;

 color: #fff600;

}

.about-visual-recommon .pics-1 {

 position: absolute;

 z-index: 10;

 right: 80px;

 top: -195px;

 width: 820px;

 height: 524px;

 border: 5px solid #5a1515;

}

.about-visual-recommon .pics-1 .slick-list {

 position: relative;

 z-index: 5;

}

.about-visual-recommon .pics-1 .items {

 position: relative;

 cursor: default;

 display: block;

 height: 514px;

}

.about-visual-recommon .pics-1 .items i {

 display: block;

}

.about-visual-recommon .pics-1 .items i:after {

 padding-bottom: 63.4%;

}

.about-visual-recommon .pics-1 .items .name {

 position: absolute;

 width: 100%;

 height: 30px;

 left: 0;

 background: #333;

 color: #fff;

 padding: 0 15px;

 bottom: -30px;

 text-overflow: ellipsis;

 overflow: hidden;

 white-space: nowrap;

 transition: All .2s ease-in-out;

 -webkit-transition: All .2s ease-in-out;

 -moz-transition: All .2s ease-in-out;

 -o-transition: All .2s ease-in-out;

 line-height: 30px;

 font-size: 12px;

}

.about-visual-recommon .pics-1 .items:hover .name {

 bottom: 0;

}

/* .about-visual-recommon .pics-1:after {

 content: "";

 width: 100%;

 height: 100%;

 right: 30px;

 top: 30px;

 background-color: #797979;

 transition: All .2s ease-in-out;

 -webkit-transition: All .2s ease-in-out;

 -moz-transition: All .2s ease-in-out;

 -o-transition: All .2s ease-in-out;

 position: absolute

} */

.about-visual-recommon .pics-2 {

 position: relative;

 z-index: 5;

 width: 469px;

}

.about-visual-recommon .pics-2 .items {

 position: relative;

 cursor: default;

 display: block;

 height: 300px;

}

.about-visual-recommon .pics-2 .items i {

 background-position: center center;

 background-repeat: no-repeat;

 background-size: cover;

 display: block;

 height: 100%;

}

.pics2-2 {

 width: 430px;

 background: #ef3939;

 position: relative;

 top: -100px;

}

.pics2-1 {

 background: #000;

 width: 400px;

 position: relative;

 top: -25px;

 left: 20px;

}

div ul li.last {

 margin-right: 0;

}
@media (min-width: 1440px){
.pull-right{width:22.3%;}
}
@media (min-width: 1240px) and (max-width: 1612px) {
.pull-right{width:22.3%;}
	.sycase .sycase-wrap ul li{width: 588px;}

	.m_header {

 display: none;

}

	.nesn-aen span {

 color: #333333;

 font-size: 16px;

 height: 21px;

 overflow: hidden;

}

	.system2{ display: none;}

		.nesn-aen p {

 width: 380px;

 height: 46px;

 overflow: hidden;

}

	.m-list1 li {

 width: 25%;

 float: left;

}

.brand-con p {



 padding-left: 0px;

	text-align: justify!important

}

.genw {

 width: 1000px;

 margin: auto;

}

.gallery {

 width: 1200px;

 margin: auto;

}

.m-list1 .con {

 margin: 0 40px;

}

.xn_c_index_about_shu li {

 display: inline-block;

 

 text-align: center;

 width: 24%;

 font-size: 18px;}

	.nesn ul li{ width: 48.8%; margin: 7px;}

	.nesn-aen {

 width: 80%;
 
 float: left;

 padding-left: 18px;

}

	.nesn ul li img {

 float: left;

 width: 20%;

 height: 103px;

}

#_xn_c_index_about_shu2 { font-size: 18px; display: block;}

.love-flowers .loveh{font-size: 36px; color: #333;}

.flower-title span{font-size: 36px; color: #333; margin-top: 40px; margin-bottom: 10px;}


	.dnws{ display: none;}

 .container {

 width: 1200px;



 }

 

 .footer-copy{display: none;



}



.prosleft,.products-pic-min{display: none;}

 .brand-in .brand-right {

 width: 550px;

}

 .pdwn img{}

 

 .global-left{ width: 100%;}

 .brand-in-wred{ display: none;}

 .container .nav {

 margin-left: 70px;

 }

 .container .nav a {

 padding: 0 25px;

 color: #000;

 }

 .container .nav ul li.active a {

 color: #e5e5e5;

 }

 .container .nav ul li ul li a {

 padding: 0 24px !important;

 }

 .banner {

 width: 100%;

 }

 .phone-nav {

 display: none;

 }



 .brand-in .brand-in-wrap {

 width: 1200px;

 margin: 0 auto;

 }

 .sycase .sycase-wrap ul li .case-zzc {

 width: 450px;

 margin-left: -225px;

 }

 .flower-con ul li {

 width: 230px;

 }

 .footer-nav .panel-footer .footer-left {

 width: 100%;

 }

 .footer-nav .panel-footer .footer-left ul li a {

 margin: 0 12px;

 }

 .footer-nav .panel-footer .footer-right {

 width: 40%;

 }

 .pro-con ul li {

 margin: 0 3.7px 50px;

 }

 .case-wrap .case-con ul li {

 width: 33%;

 height: 322px;
	 
	padding: 0 20px;

 

 }

	.clearfix ul li p{
		font-size: 12px !important;
		text-align: center !important;
		line-height: 20px !important;
	}

 

 .proshow .prosright .txt {

 height: 240px;

 }



 .inquiry-con label input {

 width: 470px;

 }

 .inquiry-con label textarea {

 width: 1025px;

 }

 .inquiry-con .sub {

 display: block;

 margin-top: 30px;

 }

 .inquiry-con .sub input {

 margin-left: 80px;

 }

 .flower-tips .flowertips-con .flower-con ul li {

 width: 220px;

 }

 .flower-wuyu ul li {

 

 background: #ededed;

 }

 

 .xn_c_index_about {

 width: 100%;

 height: 363px;

 background: url(../images/xn_c_index_about.png) center no-repeat;

margin: 40px 0;}

 .flower-wuyu ul li .flowertxt p {

 height: 55px;

 }

 .flower-wuyu ul li .flowertxt a.flower-jt {

 margin-top: 10px;

 }

 .contact-con ul li {

 padding: 35px 20px 20px;

 }

 .contact-con ul li .pic:after {

 padding-bottom: 30%;

 }

 .contact-con ul li span {

 font-size: 16px;

 }

 .contact-con ul li em {

 font-size: 21px;

 }

 .message-con .mcon-right input {

 width: 320px;

 }

 .message-con .mcon-right textarea {

 width: 685px;

 }

 .message-con .mcon-right .msub {

 margin-left: 55px;

 }

}





	



@media (min-width: 992px) and (max-width: 1239px) {

	.brand-in .brand-in-wrap .brand-left {

 width: 100%;

 padding: 5% 4% 0 5%;

 margin: 0;

}

	

	.m {

 display: block;

 width: 20%;

 margin-top: 2%;

}



.pdwn {

 padding-top: 3%;

 margin-left: 16%;

}



		.footer{ display: none;}

	.brand-in-wred,{ display: none;}

 .container {

 width: 970px;

 }

 .container .nav {

 width: 53%;

 margin-left: 2%;

 }

 .container .nav ul li a {

 padding: 0 12px;

 color: #000;

 }

 .container .nav ul li a:hover {

 color: #e5e5e5;

 }

 .container .nav ul li ul li a {

 padding: 0 11px !important;

 }

 .container .nav ul li.active a {

 color: #e5e5e5;

 }

 .container .search {

 margin-left: -30px;

 }

 .banner {

 width: 100%;

 }

 .phone-nav {

 display: none;

 }

 .brand-in {

 width: 100%;

 padding: 40px 0;

 



 }

 

 

 .brand-in .global-left {

 

 display: none;

}

 .brand-in .brand-in-wrap {

 width: 970px;

 margin: 0 auto;

 }

 .sycase .sycase-wrap ul li .case-zzc {

 display: none;

 }

 .flower-con ul li {

 width: 438px;

 }

 .flower-con li:nth-child(2) {

 margin-right: 0;

 }

 .footer-nav .panel-footer .footer-left {

 width: 60%;

 padding-left: 1%;

 }

 .footer-nav .panel-footer .footer-left ul li a {

 margin: 0 10px;

 padding: 5px 3px;

 }

 .footer-nav .panel-footer .footer-right {

 width: 40%;

 }

 .footer-nav .panel-footer .footer-right .friend {

 width: 90%;

 }

 .pro-con ul li {

 margin: 0 3px 50px;

 }

 .case-wrap .case-con ul li {

 width: 48.45%;

 }

 .case-wrap .case-con ul li:hover .case-zzch {

 opacity: 1;

 filter: alpha(opacity=100);

 }

 .proshow .prosright .txt {

 height: 100px;

 }

 .inquiry-con label input {

 width: 350px;

 }

 .inquiry-con label textarea {

 width: 785px;

 }

 .inquiry-con .sub {

 display: block;

 margin-top: 30px;

 }

 .inquiry-con .sub input {

 margin-left: 80px;

 }

 .flower-tips .flowertips-con .flower-con ul li {

 width: 100%;

 height: 125px;

 padding: 0;

 margin: 20px 0;

 }

 .flower-tips .flowertips-con .flower-con ul li p {

 height: 25px;

 margin: 10px 0;

 }

 .flower-wuyu ul li {

 width: 46.9%;

 }

 .flower-wuyu ul li .pic {

 width: 100%;

 }

 .flower-wuyu ul li .pic:after {

 padding-bottom: 55%;

 }

 .flower-wuyu ul li .flowertxt {

 width: 100%;

 padding-bottom: 10px;

 }

 .flower-wuyu ul li .flowertxt a.flower-jt {

 margin-top: 0px;

 }

 .contactimg ul li {

 width: 20%;

 }

 .contact-con ul {

 height: 195px;

 }

 .contact-con ul li {

 padding: 35px 20px 20px;

 }

 .contact-con ul li .pic:after {

 padding-bottom: 30%;

 }

 .contact-con ul li span {

 font-size: 16px;

 }

 .contact-con ul li em {

 font-size: 16px;

 }

 .job-title b.zhiwei {

 margin: 0 15.5% 0 5%;

 }

 .job-title b.caozuo {

 margin-left: 20%;

 }

 .job-con b.zhiwei {

 margin: 0 6.5% 0 5%;

 }

 .job-con span.click {

 margin-left: 10%;

 }

 .message-con .mcon-right input {

 width: 245px;

 }

 .message-con .mcon-right textarea {

 width: 535px;

 }

 .message-con .mcon-right .msub {

 margin-left: 0;

 width: 535px;

 }

 .about-visual-recommon {

 max-width: 100%;

 border: none;

 }

 .pics2-1 {

 display: none;

 }

 .pics2-2 {

 display: none;

 }

 .about-visual-recommon .controller {

 top: auto;

 bottom: -110px;

 right: 50%;

 margin-right: -70px;

 }

}







@media (min-width: 768px) and (max-width: 991px) {

.pro-title span{ font-size: 18px;}

		.m_nav {

 position: absolute;

 background: #333;

 width: 100%;

 left: 0;

 z-index: 66;

 display: none;

}

.m_nav ul li {

 width: 100%;

 padding: 0;

 height: auto;

 border-top: 1px solid #d4d1d1;

}

	.m {

 

 display: block;

 width: 52%;

 margin-top: 2%;

}

.nesn ul li {

 width: 50%;

}



	.system{ display: none;}

	.footer,.brand-in-wr,.global-right{ 

		display: none;

		}

	

		.global-left{ display: none;}

	

	.clearfix ul li p{ padding-left: 55px;}

	.system{ display: none;}

 .container {

 width: 100%;

 }

 .branch ul li{ width: 48%;}

 .container .logo {

 margin-left: 20px;

 }

 .container .nav {

 display: none;

 }

 .container .search {

 position: relative;

 left: 46%;

 margin-left: -100px;

 }

 .container .language {

 display: none;

 }

 .banner {

 width: 100%;

 }

 .love-wrap ul li {

 width: 45%;

 }

 .love-wrap ul li .pic {

 overflow: hidden;

 }

 .love-wrap ul li:hover img {

 transform: scale(1);

 transform: translateY(-10px);

 

 }

 .phone-nav {

 position: absolute;

 font-size: 30px;

 right: 20px;

 line-height: 60px;

 display: none;

 color: #000;

 display: block;

 top: 0;

 }

 .brand-in {

 padding: 40px 0;

 }

 .brand-in .brand-in-wrap {

 width: 100%;

 }

 .brand-in .brand-in-wrap .brand-left {

 width: 100%;

 padding: 5% 4% 0 5%;

 margin: 0;

 }

 .brand-in .brand-in-wrap .brand-right {

 display: block;

 }

 .sycase .sycase-wrap ul li {

 width: 50%;

 }

 .sycase .sycase-wrap ul li .pic:after {

 padding-bottom: 32%;

 }

 .sycase .sycase-wrap ul li .case-zzc {

 display: none;

 }

 .flower-con ul li {

 width: 40%;

 margin-left: 20px;

 }

 .flower-con li:nth-child(2) {

 margin-right: 0;

 }

 .footer-nav .panel-footer .footer-left {

 width: 60%;

 padding-left: 1%;

 }

 .footer-nav .panel-footer .footer-left ul li a {

 margin: 0 5px;

 padding: 5px 0px;

 }

 .footer-nav .panel-footer .footer-right {

 width: 40%;

 }

 .footer-nav .panel-footer .footer-right .friend {

 width: 90%;

 }

 .pro-con ul li {

 width: 47%;

 }

 .case-wrap .case-con ul li:hover .case-zzch {

 opacity: 1;

 filter: alpha(opacity=100);

 }

 .proshow .prosleft {

 float: none !important;

 width: 70%;

 margin: 0 auto;

 }

 .proshow .prosleft .products-pic2 {

 display: block;

 }

 .proshow .prosleft .products-pic2 span.pic {

 display: block;

 }

 .proshow .prosleft .products-pic2 span.pic:after {

 padding-bottom: 70%;

 }

 .proshow .prosleft .products-pic2 .slick-dots {

 height: 15px;

 text-align: center;

 bottom: 10px;

 }

 .proshow .prosleft .products-pic2 .slick-dots li {

 width: 20px;

 float: none !important;

 display: inline-block;

 margin: 0;

 }

 .proshow .prosleft .products-pic2 .slick-dots li button {

 background: #999;

 }

 .proshow .prosleft .products-pic2 .slick-dots li.slick-active button {

 background: #0061a5;

 }

 .proshow .prosleft .products-pic-max {

 display: none;

 }

 .proshow .prosright {

 width: 90%;

 margin: 0 auto;

 float: none !important;

 }

 .proshow .prosright .products-pic-min {

 display: none;

 }

 .proshow .prosright .txt {

 height: auto;

 }

 .inquiry-con label {

 margin-left: 30px;

 width: 93%;

 }

 .inquiry-con label.code-la {

 width: 93%;

 }

 .inquiry-con label.content-la {

 width: 93%;

 }

 .inquiry-con label input {

 width: 100%;

 }

 .inquiry-con label textarea {

 width: 100%;

 }

 .inquiry-con .sub {

 display: inline-block;

 margin-top: 30px;

 width: 46%;

 }

 .inquiry-con .sub input {

 margin-left: 30px;

 width: 100%;

 }

 .inquiry-con .reset {

 width: 46%;

 }

 .inquiry-con .reset input {

 width: 100%;

 margin: 10px 0 0 30px;

 }

 .up-down a {

 width: 100%;

 }

 .xgcp ul {

 margin-top: 50px;

 }

 .xgcp ul li {

 width: 100%;

 }

 .xgcp .slick-prev {

 left: 46%;

 margin-left: -30px;

 }

 .xgcp .slick-next {

 right: 46%;

 margin-right: -30px;

 }

 .flower-tips .flowertips-con .flower-con ul li {

 width: 100%;

 height: 125px;

 padding: 0;

 margin: 20px 0;

 }

 .flower-tips .flowertips-con .flower-con ul li p {

 height: 25px;

 margin: 10px 0;

 }

 .flower-wuyu ul li {

 width: 46%;

 }

 .flower-wuyu ul li .pic {

 width: 100%;

 }

 .flower-wuyu ul li .pic:after {

 padding-bottom: 55%;

 }

 .flower-wuyu ul li .flowertxt {

 width: 100%;

 padding-bottom: 10px;

 }

 .flower-wuyu ul li .flowertxt a.flower-jt {

 margin-top: 0px;

 }

 .renews-con {

 margin-top: 40px;

 }

 .renews-con .slick-prev,

 .renews-con .slick-next {

 top: 10px;

 }

 .renews-con .slick-prev {

 left: 50%;

 margin-left: -30px;

 }

 .renews-con .slick-next {

 right: 50%;

 margin-right: -30px;

 }

 .contactimg ul li {

 width: 20%;

 }

 .contact-con {

 height: 700px;

 }

 .contact-con ul {

 height: 300px;

 border-top: 1px solid #000;

 }

 .contact-con ul li {

 padding: 35px 20px 20px;

 width: 50%;

 border-left: 1px solid #000;

 border-bottom: 1px solid #000;

 }

 .contact-con ul li .pic:after {

 padding-bottom: 30%;

 }

 .contact-con ul li span {

 font-size: 16px;

 }

 .contact-con ul li em {

 font-size: 16px;

 }

 .job-title b.zhiwei {

 margin: 0 15.5% 0 5%;

 }

 .job-title b.caozuo {

 margin-left: 10%;

 }

 .job-con b.zhiwei {

 margin: 0 6.5% 0 3%;

 width: 21%;

 }

 .job-con span.click {

 margin-left: 2%;

 }

 .mcon-left {

 display: none;

 }

 .mcon-right {

 float: none !important;

 margin: 0 auto;

 }

 .message-con .mcon-right label {

 width: 100%;

 }

 .message-con .mcon-right label em {

 right: 5px;

 }

 .message-con .mcon-right input {

 width: 100%;

 }

 .message-con .mcon-right textarea {

 width: 100%;

 }

 .message-con .mcon-right label.mcodela em {

 right: 72%;

 }

 .message-con .mcon-right .msub {

 width: 100%;

 margin: 0;

 }

 .about-visual-recommon {

 max-width: 100%;

 border: none;

 }

 .about-visual-recommon .pics-1 {

 right: 50%;

 margin-right: -380px;

 width: 760px;

 height: 486px;

 }

 .pics2-1 {

 display: none;

 }

 .pics2-2 {

 display: none;

 }

 .about-visual-recommon .controller {

 top: auto;

 bottom: -110px;

 right: 50%;

 margin-right: -70px;

 }

 .about-visual-recommon .pics-1 .items {

 height: 480px;

 }

}

@media (min-width: 641px) and (max-width: 767px) {

	.system{ display: none;}
.pro-title span{ font-size: 18px;}
 .container {

 width: 100%;

 }

 .branch ul li{ width: 48%;}

 .branch ul li img{ width: 100%;}

 .container .logo {

 margin-left: 20px;

 

 }

 .container .nav {

 display: none;

 }

 .container .search {

 display: none;

 }

 .container .language {

 display: none;

 }

 .banner {

 width: 100%;

 }

 .love-wrap ul li {

 width: 44%;

 }

 .love-wrap ul li .pic {

 overflow: hidden;

 }

 .love-wrap ul li:hover img {

 transform: scale(1);

 transform: translateY(-10px);

 

 }

 .phone-nav {

 position: absolute;

 font-size: 30px;

 right: 20px;

 line-height: 60px;

 display: none;

 color: #000;

 display: block;

 top: 0;

 }

 .brand-in {

 padding: 40px 0;

 }

 .brand-in .brand-in-wrap {

 width: 100%;

 }

 .brand-in .brand-in-wrap .brand-left {

 width: 100%;

 padding: 5% 4% 0 5%;

 margin: 0;

 }

 .brand-in .brand-in-wrap .brand-right {

 display:block;

 }

 .sycase {

 

 }

 .sycase .sycase-wrap .sycase-title {

 top: 0;

 height: 70px;

 width: 240px;

 margin-left: -120px;

 }

 .sycase .sycase-wrap .sycase-title .sycase-txt {

 height: 50px;

 font-size: 20px;

 width: 220px;

 }

 .sycase .sycase-wrap ul li {

 width: 50%;

 }

 .sycase .sycase-wrap ul li .pic:after {

 padding-bottom: 32%;

 }

 .sycase .sycase-wrap ul li .case-zzc {

 display: none;

 }



 .flower-title span em {

 font-size: 20px;

 }

 .flower-con ul li {

 width: 38%;

 margin-left: 20px;

 }

 .flower-con li:nth-child(2) {

 margin-right: 0;

 }

 .footer-nav .panel-footer .footer-left {

 float: none;

 width: 100%;

 padding-left: 1%;

 }

 .footer-nav .panel-footer .footer-left ul li a {

 margin: 0 15px;

 padding: 5px 3px;

 }

 .footer-nav .panel-footer .footer-right {

 width: 100%;

 float: left !important;

 }

 .footer-nav .panel-footer .footer-right .friend {

 width: 90%;

 }

 .pro-con .fenlei a {

 display: block;

 margin: 10px auto;

 width: 80%;

 }

 .pro-con ul li {

 width: 47%;

 }

 .case-wrap .case-con ul li:hover .case-zzch {

 opacity: 1;

 filter: alpha(opacity=100);

 }

 .proshow .prosleft {

 float: none !important;

 width: 70%;

 margin: 0 auto;

 }

 .proshow .prosleft .products-pic2 {

 display: block;

 }

 .proshow .prosleft .products-pic2 span.pic {

 display: block;

 }

 .proshow .prosleft .products-pic2 span.pic:after {

 padding-bottom: 70%;

 }

 .proshow .prosleft .products-pic2 .slick-dots {

 height: 15px;

 text-align: center;

 bottom: 10px;

 }

 .proshow .prosleft .products-pic2 .slick-dots li {

 width: 20px;

 float: none !important;

 display: inline-block;

 margin: 0;

 }

 .proshow .prosleft .products-pic2 .slick-dots li button {

 background: #999;

 }

 .proshow .prosleft .products-pic2 .slick-dots li.slick-active button {

 background: #0061a5;

 }

 .proshow .prosleft .products-pic-max {

 display: none;

 }

 .proshow .prosright {

 width: 90%;

 margin: 0 auto;

 float: none !important;

 }

 .proshow .prosright .products-pic-min {

 display: none;

 }

 .proshow .prosright .txt {

 height: auto;

 }

 .inquiry-con label input {

 width: 80%;

 }

 .inquiry-con label textarea {

 width: 785px;

 }

 .inquiry-con .sub {

 display: block;

 margin-top: 30px;

 }

 .inquiry-con .sub input {

 margin-left: 80px;

 }

 .inquiry-con label {

 margin-left: 30px;

 width: 93%;

 }

 .inquiry-con label.code-la {

 width: 93%;

 }

 .inquiry-con label.content-la {

 width: 93%;

 }

 .inquiry-con label input {

 width: 100%;

 }

 .inquiry-con label textarea {

 width: 100%;

 }

 .inquiry-con .sub {

 display: inline-block;

 margin-top: 30px;

 width: 46%;

 }

 .inquiry-con .sub input {

 margin-left: 30px;

 width: 100%;

 }

 .inquiry-con .reset {

 width: 46%;

 }

 .inquiry-con .reset input {

 width: 100%;

 margin: 10px 0 0 30px;

 }

 .up-down a {

 width: 100%;

 }

 .xgcp .xgcp-con {

 display: none;

 }

 .xgcp .phone-xgcp {

 display: block;

 }

 .xgcp ul {

 margin-top: 50px;

 }

 .xgcp ul li {

 width: 100%;

 }

 .xgcp .slick-prev {

 left: 50%;

 margin-left: -30px;

 }

 .xgcp .slick-next {

 right: 50%;

 margin-right: -30px;

 }

 .flower-tips .flowertips-con .flower-con ul li {

 width: 100%;

 height: 125px;

 padding: 0;

 margin: 20px 0;

 }

 .flower-tips .flowertips-con .flower-con ul li p {

 height: 25px;

 margin: 10px 0;

 }

 .flower-wuyu ul li {

 width: 45%;

 }

 .flower-wuyu ul li .pic {

 width: 100%;

 }

 .flower-wuyu ul li .pic:after {

 padding-bottom: 55%;

 }

 .flower-wuyu ul li .flowertxt {

 width: 100%;

 padding-bottom: 10px;

 }

 .flower-wuyu ul li .flowertxt a.flower-jt {

 margin-top: 0px;

 }

 .renews-con {

 margin-top: 40px;

 }

 .renews-con .slick-prev,

 .renews-con .slick-next {

 top: 10px;

 }

 .renews-con .slick-prev {

 left: 50%;

 margin-left: -30px;

 }

 .renews-con .slick-next {

 right: 50%;

 margin-right: -30px;

 }

 .xgcase .xgcase-con ul li .case-zzch {

 display: none;

 }

 .contactimg ul li {

 width: 20%;

 }

 .contact-con {

 height: 700px;

 }

 .contact-con ul {

 height: 300px;

 border-top: 1px solid #000;

 }

 .contact-con ul li {

 padding: 35px 20px 20px;

 width: 50%;

 border-left: 1px solid #000;

 border-bottom: 1px solid #000;

 }

 .contact-con ul li .pic:after {

 padding-bottom: 30%;

 }

 .contact-con ul li span {

 font-size: 16px;

 }

 .contact-con ul li em {

 font-size: 16px;

 }

 .job-title b.zhiwei {

 margin: 0 6.5% 0 0;

 }

 .job-title b.caozuo {

 margin-left: 10%;

 }

 .job-con b.zhiwei {

 margin: 0 0.5% 0 0%;

 width: 10%;

 }

 .job-con span.click {

 margin-left: 2%;

 }

 .mcon-left {

 display: none;

 }

 .mcon-right {

 float: none !important;

 margin: 0 auto;

 width: 75% !important;

 }

 .message-con .mcon-right label {

 width: 100%;

 }

 .message-con .mcon-right label em {

 right: 5px;

 }

 .message-con .mcon-right input {

 width: 100%;

 }

 .message-con .mcon-right textarea {

 width: 100%;

 }

 .message-con .mcon-right label.mcodela em {

 right: 59%;

 }

 .message-con .mcon-right .msub {

 width: 100%;

 margin: 0;

 }

 .about-visual-recommon {

 max-width: 100%;

 border: none;

 margin-bottom: 55px;

 }

 .about-visual-recommon .pics-1 {

 right: 50%;

 margin-right: -240px;

 width: 460px;

 height: 295px;

 }

 .pics2-1 {

 display: none;

 }

 .pics2-2 {

 display: none;

 }

 .about-visual-recommon .controller {

 top: auto;

 bottom: 90px;

 right: 50%;

 margin-right: -70px;

 }

 .about-visual-recommon .pics-1 .items {

 height: 289px;

 }

}

@media (max-width: 640px) {

	.system{ display: none;}

 .container {

 width: 100%;

 }

 .xn_c_index_357_wrap{ display: none;}

 .branch ul li{ width: 48%;}

 .branch ul li img{ width: 100%;}

 .container .logo {

 

 }

 .container .nav {

 display: none;

 }

 .container .search {

 display: none;

 }

 .container .language {

 display: none;

 }

 .banner {

 width: 100%;

 }

 .banner .slick-prev,

 .banner .slick-next {

 width: 14px;

 height: 43px;

 margin-top: -21.5px;

 }

 .banner .slick-prev {

 background-position: left center;

 }

 .banner .slick-next {

 background-position: right center;

 }

 .love-wrap ul li {

 width: 44%;

 margin: auto;

 }

 .love-wrap ul li .pic {

 overflow: hidden;

 }

 .love-wrap ul li:hover img {

 transform: scale(1);

 transform: translateY(-10px);

 box-shadow: 1px 3px 5px #999;

 }

 .phone-nav {

 position: absolute;

 font-size: 30px;

 right: 20px;

 line-height: 60px;

 display: none;

 color: #000;

 display: block;

 top: 0;

 }

 .brand-in {

 

 }

 .brand-in .brand-in-wrap {

 width: 100%;

 }

 .brand-in .brand-in-wrap .brand-left {

 width: 100%;

 padding: 5% 4% 0 5%;

 margin: 0;

 }

 .brand-in .brand-in-wrap .brand-right {

 display:block;

 width: 100%;

 }

 .sycase {

 

 }

 .sycase .sycase-wrap .sycase-title {

 top: 0;

 height: 70px;

 width: 240px;

 margin-left: -120px;

 }

 .sycase .sycase-wrap .sycase-title .sycase-txt {

 height: 50px;

 font-size: 20px;

 width: 220px;

 }

 .sycase .sycase-wrap ul li {

 width: 50%;

 }

 .sycase .sycase-wrap ul li .pic:after {

 padding-bottom: 32%;

 }

 .sycase .sycase-wrap ul li .case-zzc {

 display: none;

 }

 .flower-title span {

 font-size: 22px;

 margin: 0 10px;

 }

 .flower-title span em {

 font-size: 16px;

 }

 .flower-con ul li {

 width: 80%;

 margin: 0 auto;

 float: none;

 }

 .flower-con li.last {

 margin-right: auto;

 }

 .footer-nav .panel-footer .footer-left {

 float: none;

 width: 100%;

 padding-left: 1%;

 }

 .footer-nav .panel-footer .footer-left ul li a {

 margin: 0 5px;

 padding: 5px 7px;

 }

 .footer-nav .panel-footer .footer-right {

 width: 100%;

 float: left !important;

 }

 .footer-nav .panel-footer .footer-right .friend {

 width: 90%;

 }

 .pro-con .fenlei a {

 display: block;

 margin: 10px auto;

 width: 80%;

 }

 .pro-con ul li {

 width: 47%;

 }

 .case-wrap .case-con ul li:hover .case-zzch {

 opacity: 1;

 filter: alpha(opacity=100);

 }

 .proshow .prosleft {

 float: none !important;

 width: 70%;

 margin: 0 auto;

 }

 .proshow .prosleft .products-pic2 {

 display: block;

 }

 .proshow .prosleft .products-pic2 span.pic {

 display: block;

 }

 .proshow .prosleft .products-pic2 span.pic:after {

 padding-bottom: 70%;

 }

 .proshow .prosleft .products-pic2 .slick-dots {

 height: 15px;

 text-align: center;

 bottom: 10px;

 }

 .proshow .prosleft .products-pic2 .slick-dots li {

 width: 20px;

 float: none !important;

 display: inline-block;

 margin: 0;

 }

 .proshow .prosleft .products-pic2 .slick-dots li button {

 background: #999;

 }

 .proshow .prosleft .products-pic2 .slick-dots li.slick-active button {

 background: #0061a5;

 }

 .proshow .prosleft .products-pic-max {

 display: none;

 }

 .proshow .prosright {

 width: 90%;

 margin: 0 auto;

 float: none !important;

 }

 .proshow .prosright .products-pic-min {

 display: none;

 }

 .proshow .prosright .txt {

 height: auto;

 }

 .inquiry-con label {

 margin-left: 30px;

 width: 90%;

 }

 .inquiry-con label.code-la {

 width: 90%;

 }

 .inquiry-con label.content-la {

 width: 90%;

 }

 .inquiry-con label input {

 width: 100%;

 }

 .inquiry-con label textarea {

 width: 100%;

 }

 .inquiry-con .sub {

 display: inline-block;

 margin-top: 30px;

 width: 45%;

 }

 .inquiry-con .sub input {

 margin-left: 30px;

 width: 100%;

 }

 .inquiry-con .reset {

 width: 45%;

 }

 .inquiry-con .reset input {

 width: 100%;

 margin: 10px 0 0 30px;

 }

 .up-down a {

 width: 100%;

 }

 .xgcp .xgcp-con {

 display: none;

 }

 .xgcp .phone-xgcp {

 display: block;

 }

 .xgcp ul {

 margin-top: 50px;

 }

 .xgcp ul li {

 width: 100%;

 }

 .xgcp .slick-prev {

 left: 50%;

 margin-left: -30px;

 }

 .xgcp .slick-next {

 right: 50%;

 margin-right: -60px;

 }

 .flower-tips .flowertips-con .flower-con ul li {

 width: 100%;

 height: 125px;

 padding: 0;

 margin: 20px 0;

 }

 .flower-tips .flowertips-con .flower-con ul li p {

 height: 25px;

 margin: 10px 0;

 }

 .flower-wuyu ul li {

 width: 43.5%;

 }

 .flower-wuyu ul li .pic {

 width: 100%;

 }

 .flower-wuyu ul li .pic:after {

 padding-bottom: 55%;

 }

 .flower-wuyu ul li .flowertxt {

 width: 100%;

 padding-bottom: 10px;

 }

 .flower-wuyu ul li .flowertxt a.flower-jt {

 margin-top: 0px;

 }

 .renews-con {

 margin-top: 40px;

 }

 .renews-con .slick-prev,

 .renews-con .slick-next {

 top: 10px;

 }

 .renews-con .slick-prev {

 left: 50%;

 margin-left: -30px;

 }

 .renews-con .slick-next {

 right: 50%;

 margin-right: -30px;

 }

 .fshow-con .fshowimg .pic {

 width: 100%;

 }

 .xgcase .xgcase-con ul li .case-zzch {

 display: none;

 }

 .contactimg ul li {

 width: 27%;

 }

 .contact-con {

 height: 700px;

 }

 .contact-con ul {

 height: 300px;

 border-top: 1px solid #000;

 }

 .contact-con ul li {

 padding: 35px 20px 20px;

 width: 50%;

 border-left: 1px solid #000;

 border-bottom: 1px solid #000;

 }

 .contact-con ul li .pic:after {

 padding-bottom: 30%;

 }

 .contact-con ul li span {

 font-size: 16px;

 }

 .contact-con ul li em {

 font-size: 14px;

 }

 .job-title b.zhiwei {

 margin: 0 6.5% 0 0;

 }

 .jobbumen {

 display: none;

 }

 .job .date {

 display: none;

 }

 .job-title b.caozuo {

 margin-left: 12%;

 }

 .job-con b.zhiwei {

 margin: 0 0.5% 0 0%;

 width: 30%;

 }

 .job-con span.click {

 margin-left: 16%;

 }

 .job-title b.jobadd {

 margin: 0 10% 0 17%;

 }

 .job-con span.jobadd {

 margin: 0 10% 0 6.5%;

 }

 .mcon-left {

 display: none;

 }

 .mcon-right {

 float: none !important;

 margin: 0 auto;

 width: 80% !important;

 }

 .message-con .mcon-right label {

 width: 100%;

 }

 .message-con .mcon-right label em {

 right: 5px;

 }

 .message-con .mcon-right input {

 width: 100%;

 }

 .message-con .mcon-right textarea {

 width: 100%;

 }

 .message-con .mcon-right label.mcodela em {

 right: 50%;

 }

 .message-con .mcon-right .msub {

 width: 100%;

 margin: 0;

 }

 .about-visual-recommon {

 max-width: 100%;

 border: none;

 margin-bottom: 55px;

 }

 .about-visual-recommon .pics-1 {

 right: 50%;

 margin-right: -230px;

 width: 460px;

 height: 295px;

 }

 .pics2-1 {

 display: none;

 }

 .pics2-2 {

 display: none;

 }

 .about-visual-recommon .controller {

 top: auto;

 bottom: 90px;

 right: 50%;

 margin-right: -70px;

 }

 .about-visual-recommon .pics-1 .items {

 height: 289px;

 }

}

@media (max-width: 480px) and (min-width: 320px) {
.pro-title span{ font-size: 18px;}
		.sycase .sycase-wrap ul li p{ padding-left: 55px;}

	.brand-left img {

 max-width: 98%;

 max-height: 100%;

 margin: auto;

 display: block;

}

	.nesn-aen{ padding: 10px 10px; display: block; background: #ece9e9; overflow: hidden;}

	.nesn-aen span a{ color: #222; font-weight: bold;}

		.m img{ max-width: 98%;

 max-height: 100%;

 margin: auto;

 display: block;}

	.system{ display: none;}

	.clearfix li p{}



	.fshow-con p img {

 display: block;

 margin: auto;

 width: 100%;

 height: 100%;

}

 .container {

 width: 100%;

 }

 .m-list1 li {

 

 margin: 0 4%;

}

 .xn_c_index_about_shu li {

 width: 24%;}

 

 .xn_c_index_357_wrap{ display: none;}

 .branch ul li img{ width: 100%;}

 .branch ul li { width: 47.8%;}

 .container .logo {

 margin-left: 20px;

 font-size: 20px;

 line-height: 20px;

 }

 .container .nav {

 display: none;

 }

 .container .search {

 display: none;

 }

 .container .language {

 display: none;

 }

 .banner {

 width: 100%;

 

 }

 .banner .slick-prev,

 .banner .slick-next {

 width: 14px;

 height: 43px;

 margin-top: -21.5px;

 }

 .banner .slick-prev {

 background-position: left center;

 }

 .banner .slick-next {

 background-position: right center;

 }

 .love-wrap ul li {

 width: 40%;

margin: 1% 5%;

 }

 .love-wrap ul li .pic {

 overflow: hidden;

 }

 .love-wrap ul li:hover img {

 transform: scale(1);

 transform: translateY(-10px);

 box-shadow: 1px 3px 5px #999;

 }

 .phone-nav {

 position: absolute;

 font-size: 30px;

 right: 20px;

 line-height: 60px;

 display: none;

 color: #000;

 display: block;

 top: 0;

 }

 .brand-in {

 

 }

 .brand-in .brand-in-wrap {

 width: 100%;

 }

 .brand-in .brand-in-wrap .brand-left {

 width: 100%;

 padding: 5% 4% 0 5%;

 margin: 0;

 }

 .brand-in .brand-in-wrap .brand-right {

 display:block;

 width: 100%;

 }

 .sycase {

 

 }

 .sycase .sycase-wrap .sycase-title {

 top: 0;

 height: 70px;

 width: 240px;

 margin-left: -120px;

 }

 .sycase .sycase-wrap .sycase-title .sycase-txt {

 height: 50px;

 font-size: 20px;

 width: 220px;

 }

 .sycase .sycase-wrap ul li {

 width: 100%;

 margin-bottom: 1%;

 }

 .sycase .sycase-wrap ul li .pic:after {

 padding-bottom: 32%;

 }

 .sycase .sycase-wrap ul li .case-zzc {

 display: none;

 }

 .flower-title span {

 font-size: 20px;

 margin: 0 0;

 }

 .flower-title span em {

 font-size: 16px;

 }

 .flower-con ul li {

 width: 80%;

 margin: 0 auto;

 float: none;

 }

 .flower-con li.last {

 margin-right: auto;

 }

 .footer-nav .panel-footer .footer-left {

 float: none;

 width: 100%;

 padding-left: 1%;

 }

 .footer-nav .panel-footer .footer-left ul li {

 line-height: 80px;

 }

 .footer-nav .panel-footer .footer-left ul li a {

 margin: 0 2px;

 padding: 5px 0px;

 font-size: 12px;

 }

 .footer-nav .panel-footer .footer-right {

 width: 100%;

 float: left !important;

 }

 .footer-nav .panel-footer .footer-right .friend {

 width: 90%;

 }

 .brand-con b {

 font-size: 16px;

 }

 .brand-con span {

 font-size: 16px;

 line-height: 28px;

 }

 .pro-title p {

 width: 100%;

 text-align: center;

 }

 .pro-con .fenlei a {

 display: block;

 margin: 10px auto;

 width: 80%;

 }

 .pro-con ul li {

 width: 46%;

 }

 .page a {

 margin: 5px 0;

 display: inline-block;

 }

 .case-wrap .case-con ul li:hover .case-zzch {

 opacity: 1;

 filter: alpha(opacity=100);

 }

 .proshow .prosleft {

 float: none !important;

 width: 90%;

 margin: 0 auto;

 }

 .proshow .prosleft .products-pic2 {

 display: block;

 }

 .proshow .prosleft .products-pic2 span.pic {

 display: block;

 }

 .proshow .prosleft .products-pic2 span.pic:after {

 padding-bottom: 70%;

 }

 .proshow .prosleft .products-pic2 .slick-dots {

 height: 15px;

 text-align: center;

 bottom: 10px;

 }

 .proshow .prosleft .products-pic2 .slick-dots li {

 width: 20px;

 float: none !important;

 display: inline-block;

 margin: 0;

 }

 .proshow .prosleft .products-pic2 .slick-dots li button {

 background: #999;

 }

 .proshow .prosleft .products-pic2 .slick-dots li.slick-active button {

 background: #0061a5;

 }

 .proshow .prosleft .products-pic-max {

 display: none;

 }

 .proshow .prosright {

 width: 90%;

 margin: 0 auto;

 float: none !important;

 }

 .proshow .prosright h3 {

 font-size: 22px;

 line-height: 60px;

 }

 .proshow .prosright .products-pic-min {

 display: none;

 }

 .proshow .prosright .txt {

 height: auto;

 }

 .inquiry-con label {

 margin-left: 30px;

 width: 85%;

 }

 .inquiry-con label.code-la {

 width: 85%;

 }

 .inquiry-con label.content-la {

 width: 85%;

 }

 .inquiry-con label input {

 width: 100%;

 }

 .inquiry-con label textarea {

 width: 100%;

 }

 .inquiry-con .sub {

 display: inline-block;

 margin-top: 30px;

 width: 130px;

 }

 .inquiry-con .sub input {

 margin-left: 30px;

 }

 .inquiry-con .reset {

 width: 130px;

 }

 .inquiry-con .reset input {

 margin: 10px 0 0 30px;

 }

 .up-down a {

 width: 100%;

 }

 .xgcp .xgcp-con {

 display: none;

 }

 .xgcp .phone-xgcp {

 display: block;

 }

 .xgcp ul {

 margin-top: 50px;

 }

 .xgcp ul li {

 width: 100%;

 }

 .xgcp .slick-prev {

 left: 50%;

 margin-left: -30px;

 }

 .xgcp .slick-next {

 right: 50%;

 margin-right: -60px;

 }

 .case-wrap .case-con .case-zzch {

 width: 110px;

 height: 40px;

 font-size: 16px;

 margin-top: -20px;

 margin-left: -55px;

 line-height: 40px;

 }

 .contact-con {

 height: 490px;

 }

 .contact-con ul {

 border: none;

 border-top: 1px solid #000;

 }

 .contact-con ul li {

 height: 78%;

 padding: 35px 0 20px;

 }

 .contact-con ul li em {

 font-size: 12px;

 }

 .message-con .mcon-right input {

 margin-right: 0;

 }

 .messageh h2 {

 font-size: 18px;

 }

 .messageh span {

 font-size: 14px;

 }

 .message-con .mcon-right label.mcodela em {

 right: 37%;

 }

 .job-title b.zhiwei {

 margin: 0 -3.5% 0 0;

 }

 .job-con b.zhiwei {

 height: 60px;

 display: inline-block;

 overflow: hidden;

 line-height: 100px;

 }

 .flower-tips .flowertips-con .flower-con ul li {

 width: 100%;

 height: 125px;

 padding: 0;

 margin: 20px 0;

 }

 .flower-tips .flowertips-con .flower-con ul li p {

 height: 25px;

 margin: 10px 0;

 }

 .flower-tips .flowerh {

 width: 100%;

 }

 .flower-wuyu ul li {

 width: 96%;

 }

 .flower-wuyu ul li .pic {

 width: 100%;

 }

 .flower-wuyu ul li .pic:after {

 padding-bottom: 55%;

 }

 .flower-wuyu ul li .flowertxt a {

 height: 54px;

 }

 .flower-wuyu ul li .flowertxt {

 width: 100%;

 padding-bottom: 10px;

 }

 .flower-wuyu ul li .flowertxt a.flower-jt {

 margin-top: 0px;

 }

 .fshow-title h1 {

 font-size: 18px;

 line-height: 35px;

 }

 .fshow-title div span {

 font-size: 12px;

 margin: 0 3px;

 }

 .renews-con {

 margin-top: 40px;

 }

 .renews-con .slick-prev,

 .renews-con .slick-next {

 top: 10px;

 }

 .renews-con .slick-prev {

 left: 50%;

 margin-left: -30px;

 }

 .renews-con .slick-next {

 right: 50%;

 margin-right: -30px;

 }

 .about-visual-recommon {

 max-width: 100%;

 border: none;

 margin-bottom: 0;

 height: 171px;

 }

 .about-visual-recommon .pics-1 {

 right: 50%;

 margin-right: -160px;

 width: 320px;

 height: 207px;

 }

 .pics2-1 {

 display: none;

 }

 .pics2-2 {

 display: none;

 }

 .about-visual-recommon .controller {

 top: auto;

 bottom: 90px;

 right: 50%;

 margin-right: -70px;

 }

 .about-visual-recommon .pics-1 .items {

 height: 202px;

 }

}

.slick-cloned{display: block;}

/*# sourceMappingURL=style.css.map */

@media (max-width:768px) {
	.flip-3d .figure{
		width: 100% !important;
	}
	.flip-3d .figure img{
		width: 100% !important
	}
	.kienw{
		width: 90% !important
	}
}
.pagination {
 display: inline-block;
 padding-left: 0;
 margin: 20px 0;
 border-radius: 4px;
}
.pagination > li {
 display: inline;
}
.pagination > li > a,
.pagination > li > span {
 position: relative;
 float: left;
 padding: 6px 12px;
 margin-left: -1px;
 line-height: 1.42857143;
 color: #337ab7;
 text-decoration: none;
 background-color: #fff;
 border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
 margin-left: 0;
 border-top-left-radius: 4px;
 border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
 border-top-right-radius: 4px;
 border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
 z-index: 2;
 color: #23527c;
 background-color: #eee;
 border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
 z-index: 3;
 color: #fff;
 cursor: default;
 background-color: #337ab7;
 border-color: #337ab7;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
 color: #777;
 cursor: not-allowed;
 background-color: #fff;
 border-color: #ddd;
}
.ny_news_ye{ padding-top:20px;}
.ny_news_ye p{height: 35px;line-height: 35px;background: #f1f1f1;margin-bottom: 10px;padding: 0 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}